.post-layout {
  //background-color: #F6F7F9;

  background-color: #c7e1ff;
  //background: #667db6;
  //background: linear-gradient(to left, #667db67e, #0082c888, #0082c889, #667db684);
  height: 100vh;
}


.form-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: #ffffffea;
  padding: 3vw 3vw;
  margin: 0 3vw;

  &__name {
    font-size: 1.2rem;
    width: 13vw;
  }

  &__value {
    left: 20vw;
    width: 100%;
  }
}

//item1:title
.item-title {
  margin-top: 2vh;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom: solid #f3f6fd 1px;
  height: 3vh;
}

//item2:content
.item-content {
  margin-bottom: 0.3rem;
}

//item3:channel
.item-channel {
  border-bottom: solid #f3f6fd 1px;
  height: 3vh;
}

.channel-button {
  padding: 1vw 13vw;
  height: 2.5rem;
  border-radius: var(--rv-popover-border-radius);
}

//item4:tag
.item-tag {
  margin-bottom: 0.3rem;
  height: 3vh;
}

.tag-button {
  padding: 1vw 2vw;
  height: 2.3rem;
  border-radius: var(--rv-popover-border-radius);

  &__add {
    border-color: #3f45ff;
    color: #3f45ff;
  }

  &__cancel {
    left: 1vw;
    border-color: #f44336;
    color: #f44336;
  }
}

.form-tag-item {
  display: flex;
  flex-direction: column;
}

.post-tag-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.post-tag-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}

//item5: 封面
.item-cover {
  border-bottom: solid #F6F7F9 1px;
  height: 10vh;
}

//item6: 按钮
.item-button {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding: 3vw 0;
}

.post-botton-box {
  padding: 2vw;
  display: flex;
  justify-content: space-between;
}

.post-button {
  border-radius: var(--rv-popover-border-radius);

  &__publish {
    width: 72vw;
    background-color: #3f45ff;
    font-weight: 500;
    color: #fff;
  }

  &__draft {
    width: 20vw;
    background-color: #DEDCFF;
    // color: #fff;
  }
}